@mixin css3($property, $value...) {
    -khtml-#{$property}: $value;
    -webkit-#{$property}: $value;
    -moz-#{$property}: $value;
    -ms-#{$property}: $value;
    -o-#{$property}: $value;
    #{$property}: $value;
}


.navbar-default{
    border-radius: 0;
}

.tweets-wrap{
    time{
        margin-top:10px;
        display: inline-block;

        a{
            text-decoration:none;
        }
    }

    .well{
        background-color: #fff;
        border: 3px solid #fff;

        &:hover{
            border: 3px solid #67809F;
            @include css3(transition, all 0.6s);
        }
    }

    .tt-wrap{
        width: 320px;
        display: none;
    }

    .tweets-media-wrap{
        img{
            height: 200px;
            width: 100%;
        }
    }

    .show-tweet{
        display: block;
        @include css3(transition, all 0.6s linear);
    }
}


.ti-lists{
    .alert{
        display: inline-block;
        padding: 5px 30px 5px 20px;
        margin-top: 10px;
        margin-right: 10px;
        position: relative;
        border-radius: 0;
        margin-bottom: 10px;

        .fa{
            cursor: pointer;
            position: absolute;
            right: 5px;
            top: 8px;

            &:hover{
                color:#FB769C;
                @include css3(transition, all 0.6s);
            }

        }
    }
}

.alert-purple{
    color: #fff;
    background-color: #703688;
    border-color: #6a3381;
}

.tweets-init{
    background-color: #fff;
    padding: 20px;
    margin-bottom: 20px;

    .tiw-form-group{
        .input-group, input{
            height: 40px;
        }

        input{
            font-size: 18px;
            outline: 0;
        }
    }
}

.alert-grey{
    color: #FFF;
    background-color: #3b4448;
    border-color: #363e42;
}

.ti-input-wrap{
    position: relative;

    .form-group{
        margin-bottom: 0;
    }

    .ti-input{
        padding-right: 60px;
    }

    .dul-name-wrap{
        display: inline-block;
        padding: 10px 20px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 0;
        border-radius: 0;
        background-color: #337ab7;
        border-color: #2e6da4;
        color:#fff;
        position: absolute;
        right: 0;
        top:0;
        z-index: 12;

        &:hover{
            color: #fff;
            background-color: #286090;
            border-color: #204d74;
            @include css3(transition, all 0.6s);
        }
    }
}

.tiw-note{
    color: #999;

    small{
        border-bottom: 1px solid #666;
        margin-right: 10px;
    }
}
